<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>客户资料数据</title>
    <link rel="stylesheet" href="{{URL::asset('/assets/css/business/main.css')}}">
    <link rel="stylesheet" href="{{URL::asset('/assets/css/business/base.css')}}">
    <script src="{{URL::asset('/assets/js/shop/jquery.js')}}"></script>
    <script>
        $(document).ready(function () {
            var whei = $(window).width()
            $("html").css({ fontSize: whei / 22 });
            $(window).resize(function () {
                var whei = $(window).width();
                $("html").css({ fontSize: whei / 22 })
            });
        });
    </script>
</head>
<body>

<div class="main">
    <div class="header">
        <div class="header-left fl" >
            <div class="back" id="back">返回</div>
        </div>
        <div class="header-center fl">
            <div class="header-title">
                客户资料数据面板
            </div>
            <div class="header-img"></div>
        </div>
        <div class="header-right fl" id="time"></div>
        <div class="header-bottom fl"></div>
    </div>

    <div class="center">
        <!-- 左边的图表 -->
        <div class="center-left fl">
            <div class="center-left-cen rightTop border" >
                <div class="center-left-cen-left fl">
                    <div class="center-left-cen-top2 fl rightTop border">
                        <div class="allnav" id="Gender" style="height: 2.4rem;"></div>
                    </div>

                    <div class="center-left-cen-top2 fl rightTop border">
                        <div class="allnav" id="Auth" style="height: 2.4rem;"></div>
                    </div>
                </div>

                <div class="center-left-zhong rightTop border fl">
                    <div class="center-left-zhong-left">
                        <div class="allnav" id="Region" style="height: 100%;"></div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 右边的图表 -->
        <div class="center-right fr">
            <div class="center-right-top rightTop border">
                <div class="allnav" id="Source" style="height: 5rem;">平台来源分布</div>
            </div>
            <div class="center-right-cen-left fl rightTop border">
                <div class="allnav" id="chart_6" style="height: 3rem;">课程购买偏好</div>
            </div>
            <div class="center-right-cen-right fr rightBottom border">
                <div class="allnav" id="chart_8" style="height: 3.2rem;">食品购买偏好</div>
            </div>
        </div>
    </div>
</div>


<script src="{{URL::asset('/assets/plugins/axios/axios.min.js')}}"></script>
<script type="module" src="{{URL::asset('/assets/plugins/axios/request.js')}}"></script>

<script src="{{URL::asset('/assets/js/business/echarts.min.js')}}"></script>
<script src="{{URL::asset('/assets/js/shop/china.js')}}"></script>
<script type="module" src="{{URL::asset('/assets/js/business/main.js')}}"></script>
<script src="{{URL::asset('/assets/js/shop/newmap.js')}}"></script>

<script>
    $(document).ready(function() {
        setInterval(function() {
            let cur = new Date().toLocaleString()

            $('#time').text(cur)
        }, 1000);
    })

    // 返回上一页
    $('#back').on('click', function() {
        history.back()
    })
</script>
</body>
</html>